<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    <div class="mode">
        
       <div class="top">
        <div class="log">
            <div class="d1"></div>
            <div class="d2"></div>
            <div class="d3"></div>
            <div class="d4"></div>
        </div>
        <span>Microsoft Bing</span>
        <span>图片</span>
        <span>视频</span>
        <span>翻译</span>
        <span>...</span>
    </div> 
    <!-- <img src="./aaa.png" alt=""> -->
    <div class="an">
        <button>国内版</button>
    <button class="bu1">国际版</button>
    </div>
    <div><input type="text"></div>
    </div>
    
    
</body>
<style>
    *{
        position: 0px;
        margin: 0px;
    }
    body{
        width: 100%;
        height: 100%;
        /* background: red; */
        background: url(./aaa.png) no-repeat 0px 0px ;
        background-size:100% ;
        position: relative;
    }
    .top{
      
        display: flex;
    }
     .log{
        width: 20px;
        height: 20px;
        margin-top: 15px;
        margin-left: 15px;
        float: left; 
     }
    .d1{
        width: 50%;
        height: 50%;
        background: #f26522;
        float: left;
    }
    .d2{
        width: 50%;
        height: 50%;
        background: #8dc63f;
        /* display: flex; */
        float: left;
    }
    .d3{
        width: 50%;
        height: 50%;
        background: #00aeef;
        float: left;
    }
    .d4{
        width: 50%;
        height: 50%;
        background: #ffc20e;
        float: left;
    } 
    span{
        margin-left: 20px;
        line-height: 50px;
        color: white;
    }
    .an{
        margin-left: 500px;
        float: left;
    }
    button{
        border-radius: 30px;
        width: 70px;
        height: 30px;
        background: white;
        top: 230px;
        position: absolute;
        left: 740px;
        border: 1px solid black;
    }
    .bu1{
        border-radius: 30px;
        width: 70px;
        height: 30px;
        background: white;
        top: 230px;
        position: absolute;
        left: 650px;
        border: 1px solid black;
    }
    input{
       position: absolute;
       left: 600px;
    top: 281px;
    width: 550px;
    height: 30px;
    border-radius: 30px;
    height: 40px;
    border: 1px solid black;
    }
</style>
</html>